<template>
  <div>
    <div id="log_reg_nav">
      <el-menu
        :default-active="activePath"
        class="el-menu-demo"
        mode="horizontal"
        router
        background-color="#545c64"
        text-color="#fff"
        active-text-color="#ffd04b"
      >
        <el-menu-item index="/#">帮助</el-menu-item>
        <el-menu-item index="/login">登录</el-menu-item>
        <el-menu-item index="/index">首页</el-menu-item>
      </el-menu>
      <div id="navbar">
          <p class="msg" v-if="$route.path==='/login'">
              用户登录
          </p>
          <p class="msg" v-else>
              用户注册
          </p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
    data() {
        return {
        activePath:'/login'
        }
    },
    methods: {
    },
};
</script>

<style lang="less" scoped>
#navbar{
    margin-top:0px;
    height: 65px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #eee;
    p{
        color:#337ab7;
        font-size:20px;
        font-weight: bolder;
        margin: 0 0 0 90px;
        // line-height: 65px;
        position: relative;
        top: 25px;
    }
}
</style>